<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link href="software.css" rel="stylesheet" type="text/css" />
    <style>

    </style>
</head>

<body>
    <div class="softst-top">
        <div class="top-main">
            <div class="logo">
                <a href="#" id="logo">
                    <img src="http://www.mymrmao.com/images/logo.png" />
                </a>
            </div>
            <div class="nav">
                <ul style="float: left;">
                    <li id="menu1">
                        <div>
                            <a href="#" style="width: 130px;color: #000;">垃圾分类首页</a>
                        </div>
                    </li>

                    <li id="menu2" style="margin-left: 20px;">
                        <div>
                            <a href="#" style="color: #000;">资讯动态</a>
                        </div>
                    </li>
                    <li id="menu3">
                        <div>
                            <a href="#" style="color: #000;">硬件产品</a>
                        </div>
                        <div class="lm" style="padding-left: 0px ;">
                            <ul>
                                <li><a href="#" style="color: #000;">智能垃圾房</a></li>
                                <li><a href="#" style="color: #000;">智能分类亭</a></li>
                                <li><a href="#" style="color: #000;">智能回收站</a></li>
                                <li><a href="#" style="color: #000;">智能垃圾箱</a></li>

                                <li><a href="#" style="color: #000;">智能兑换机</a></li>
                            </ul>
                        </div>
                    </li>
                    <li id="menu4" class="current">
                        <div>
                            <a href="#" style="color: #000;">软件系统</a>
                        </div>
                        <div class="lm" style="display: none; left: 0px; top: 0px;padding-left: 0px ;">
                            <ul>
                                <li><a href="#" style="color: #000;">华展环境云</a></li>
                                <li><a href="#" style="color: #000;">数据中心</a></li>
                                <li><a href="#" style="color: #000;">猫先生APP</a></li>
                                <li><a href="#" style="color: #000;">猫回收APP</a></li>
                            </ul>
                        </div>
                    </li>
                    <li id="menu5">
                        <div>
                            <a href="#" style="color: #000;">运营方案</a>
                        </div>
                        <div class="lm" style="padding-left: 0px ;color: #000;">
                            <ul>
                                <li><a href="#" style="color: #000;">猫回收</a></li>
                                <li><a href="#" style="color: #000;">清运标准化</a></li>
                                <li><a href="#" style="color: #000;">分拣中心</a></li>
                                <li><a href="#" style="color: #000;">合作细则</a></li>
                            </ul>
                        </div>
                    </li>

                    <li id="menu6">
                        <div>
                            <a href="#" style="color: #000;">代理加盟</a>
                        </div>
                    </li>
                    <li id="menu7">
                        <div>
                            <a href="#" rel="nofollow" style="color: #000;">联系我们</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bk-wall">
        <a href=""><img src="http://www.mymrmao.com/images/ban11.png" style="width: 100%;"></a>
    </div>
    <div class="envir_cld">
        <div class="cld_main">

            <div class="cld_img_main">
                <img src="http://www.mymrmao.com/images/cloud.png">
            </div>
            <div class="cloud">
                <span id="cld_ch"><strong>华展环境云</strong></span></br>
                <em id="cld_en"><b  style=" color: #9ad022;float: right;padding-right: 30px;">HUAZHAN </b></br>ENVIRONMENTAL CLOUD</em></br>
                <div class="cld_center">
                    <em style="font-size: 22px; height: 60px;line-height: 30px;text-align: right;">用网络+公有云的方式</br>让我们成为环境守护者</em>
                </div>
                <div class="cld_click">
                    <a href="#"><img src="http://www.mymrmao.com/images/more.png" style="width: 110px;height: 30px;"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="data_main" style="margin-top: 30px;">
        <div class="data_title">
            <span id="title_ch">数据中心</span>
            <em id="title_en"><b style="color: #99d022;">THE</b> DATA CENTER</em>
        </div>
        <div class="data_art">
            <span>针对政府提供垃圾分类数据可视化大屏，清楚显示运营过程中所有数据，<br>只要居民参与投递，数据大屏会及时显示居民信息及现场投递照片。</span>
        </div>
        <div class="data_click">
            <a href="#"><img src="http://www.mymrmao.com/images/more.png" style="width: 110px;height: 30px;"></a>
        </div>
        <div class="data_img">
            <img src="http://www.mymrmao.com/images/sjzx2.png" width="1100px" height="250px" style="padding-top: 30px;">
        </div>
    </div>
    <div class="app">
        <div class="app_left">
            <div class="appLeft_main">
                <div class="app_name">
                    <span id="app_ch">猫先生APP</span></br>
                    <em id="app_en"><b style="color: #99d022;">MR.MAO</b> APP</em>
                </div>
                <div class="app_img">
                    <img src="http://www.mymrmao.com/images/pic52.png" style="width: 300px;height: 295px;">
                </div>
                <div class="app_art">
                    猫先生环境管家，向居<br>民提倡人人环保的理念<br>，提供扫码/AR/语音垃<br>圾品类识别、投递记录<br>查询、环保值及余额<br>查询、礼品兑换等
                </div>
                <div class="app_img2">
                    <a href="#"><img src="http://www.mymrmao.com/images/more.png" style="width: 90px;height: 22px;"></a>
                </div>
            </div>
        </div>
        <div class="app_right">
            <div class="appRight_main">
                <div class="appRight_name">
                    <span id="app_ch">猫回收APP</span></br>
                    <em id="app_en"><b style="color: #99d022;">MAO</b>RECYCLING APP</em>
                </div>
                <div class="appRight_img">
                    <a href="#"><img src="http://www.mymrmao.com/images/mhs2.png" style="width: 330px;height: 300px; float: left;"></a>
                </div>
                <div class="appRight_img2">
                    <a href="#"><img src="http://www.mymrmao.com/images/more.png" style="width: 90px;height: 22px;"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="ft_main">
            <div class="ft_left">
                <div>
                    <img src="http://www.mymrmao.com/images/pic109.png" width="24" style="float: left;">
                    <img src="http://www.mymrmao.com/images/pic144.png" width="24" style="margin: 7.5rem -1.5rem; float: left;">
                </div>
                <div class="telwork">
                    <p>联系我们</p>
                    <strong>13991809967</strong>
                    <div>周一至周日：9:00-18:00</div>
                    <p style="padding-top: 20px;">合作邮箱</p>
                    <div>service@myhuazhan.com</div>

                </div>
                <div class="mailladdr">
                    <div class="address">
                        <div class="imgdiv">
                            <img src="http://www.mymrmao.com/images/pic110.png" width="24" style="float: left;">
                            <img src="http://www.mymrmao.com/images/pic111.png" width="24" style="margin: 7.5rem -1.5rem; float: left;">
                        </div>
                        <div class="addRight" style="width: 300px;">
                            <p>公司地址</p>
                            <div>江苏省南京市北纬国际中心B座3层</div>

                            <div class="address">江苏省宿迁市高新技术开发区开发大道101号</div>
                            <p style="padding-left: 30px;padding-top: 5px;">友情链接</p>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">华展股份官网</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">华展候车亭</a>
                            <a style="color: #e0e0e0; padding-right: 15px;" href="#" target="_blank">垃圾分类服务商</a>
                            <a style="color: #e0e0e0;" href="#" target="_blank">智能垃圾分类</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">中国环保网</a>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">江苏省生态环境厅</a>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">北极星环保网</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">环卫科技网</a>
                            <a style="color: #e0e0e0; padding: 0 5px;" href="#" target="_blank">垃圾分类</a>

                        </div>
                    </div>
                </div>

            </div>
            <div class="ft_right">
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/ewm.jpg">
                    <div>微信公众号</div>
                </div>
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/weibo.png">
                    <div>新浪微博</div>
                </div>
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/app.png">
                    <div>手机APP下载</div>
                </div>
            </div>
        </div>
    </div>
    <div class="btm">
        <span>版权所有</span>
    </div>
</body>

<script type="text/javascript " src="jquery.1.8.3.min.js " charset="utf-8 "></script>
<script>
    $(function() {
        var originalCur = $(".nav li.current ");
        $(".nav li ").mousemove(function() {
            $(".nav li ").removeClass("current ");
            $(this).addClass("current ");
            $(this).children(".lm ").show().animate({
                left: 0,
                top: 62
            }, "fast ");
        });
        $(".nav li ").mouseleave(function() {
            $(this).removeClass("current ");
            $(this).children(".lm ").stop(true, true).animate({
                left: 0,
                top: 0
            }, 100, function() {
                $(this).hide();
            });
            originalCur.addClass("current ");
        });
    });
</script>


</html>